import C001 from './c001';

export default function Chengyuan({ name, number, leader }: { name: string; number: string; leader: string }) {
	const xing = [];
	const xingming = ['张三', 'lisi', 'mike'];

	return <><div className='z001'>
		<div className='s001'>
			<div className='s002' key='key'>  团队名称:{name}
			</div>
			<div className='s002'>  团队编号:{number}</div>
			<div className='s002'>  团队组长:{leader} </div>
		</div>
		<div className='s003'>
			{xingming.map((i, b) => {
				<div className='s004'> 团队成员:</div>;
				return <div key={b}>
					<span>{i} </span>
					<img className='s005' src="/icons/team.svg" />
				</div>;
			})}
		</div>
	</div>
		<style jsx>{`
.s005{
height: 50px;
width: 50px;

}
.z001{
margin-bottom: 30px;
}
.s001{
display: flex;
margin-top: 10px;
width: 500px;
background-color: white;
padding-bottom: 10px;
}

.s002{
margin-left: 20px;
margin-right: 40px;
margin-top: 10px;
}
.s003{
width: 500px;
height: 240px;
background-color: white;
display: flex;
}
.s004{
padding-top: 10px;
margin-left: 20px;
}
.s005{
width: 50px;
height: 50px;
}
.s006{

vertical-align: bottom;
}
`}</style>
	</>;

}
